import { createApp } from "vue";
import "./style.css";
import App from "@/App.vue";
import router from "./router";

import ElementPlus from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import "element-plus/dist/index.css";

import "amfe-flexible";
// amfe-flexible 主要用于动态设置根元素字体大小（rem），以根据屏幕尺寸进行自适应布局。
// 它会根据设备的屏幕宽度计算出根元素字体大小，并将其设置为页面的根元素的字体大小。
// 然后，开发者可以在 CSS 样式中使用 rem 单位来设置元素的尺寸和间距，从而实现自适应布局。


const app = createApp(App);

app.use(router);
// .use(pinia);

app.use(ElementPlus, {
  locale: zhCn,
});

app.mount("#app");

// console.log(' HI: ',  import.meta.env.HI);
// console.log(' VITE_HI: ',  import.meta.env.VITE_HI);
// console.log(' HELLO: ',  import.meta.env.HELLO);
// console.log(' VITE_HELLO: ',  import.meta.env.VITE_HELLO);
// console.log(' MD: ',  import.meta.env.MD);
// console.log(' VITE_MD: ',  import.meta.env.VITE_MD);

// console.log(' import.meta.env: ',  import.meta.env); //
// console.log(' import.meta.env.MODE: ',  import.meta.env.MODE); // 应用运行基于的 模式
// console.log(' import.meta.env.VITE_BASE_URL: ',  import.meta.env.VITE_BASE_URL); // 应用正被部署在的 base URL。它由 base 配置项决定
// console.log(' import.meta.env.PROD: ',  import.meta.env.PROD); // 应用是否运行在生产环境
// console.log(' import.meta.env.DEV: ',  import.meta.env.DEV); // 应用是否运行在开发环境
// console.log(' import.meta.env.SSR: ',  import.meta.env.SSR); // 应用是否运行在 server 上
